<div th:fragment="html">
	<div id="demo" class="carousel slide" data-ride="carousel" align="center">
		<!-- 指示符 -->
		<ul class="carousel-indicators">
			<li data-target="#demo" data-slide-to="0" class="active"></li>
			<li data-target="#demo" data-slide-to="1"></li>
			<li data-target="#demo" data-slide-to="2"></li>
		</ul>


		<!-- width：1400px是自己设置的，高度会自适应宽度，如果宽度小了，背景是白色，可能看不到左右切换按钮 -->
		<div class="carousel-inner">
			<div class="carousel-item active">
				<img src="img/fore/1.jpg" style="width: 900px; height: 400px">
				<!-- 可去除文字 -->
				<div class="carousel-caption">
					<!--<h3>第一张图片描述标题</h3>-->
					<!--<p>描述文字!</p>-->
				</div>
			</div>
			<div class="carousel-item">
				<img src="img/fore/2.jpg"  style="width: 900px; height: 400px">
				<!-- 可去除文字 -->
				<div class="carousel-caption">
					<!--<h3>第二张图片描述标题</h3>-->
					<!--<p>描述文字!</p>-->
				</div>
			</div>
			<div class="carousel-item">
				<img src="img/fore/3.jpg"  style="width: 900px; height: 400px">
				<!-- 可去除文字 -->
				<div class="carousel-caption">
					<!--<h3>第三张图片描述标题</h3>-->
					<!--<p>描述文字!</p>-->
				</div>
			</div>
		</div>

		<!-- 左右切换按钮 -->
		<a class="carousel-control-prev" href="#demo" data-slide="prev">
			<img src="img/fore/left.jpg" style="width: 60px">
		</a>
		<a class="carousel-control-next" href="#demo" data-slide="next">
			<img src="img/fore/right.jpg" style="width: 60px">
		</a>
	</div>
</div>